﻿@{ Layout.Title = T("NineSeas Settings").ToString(); }
@model NineSeas.Models.NineSeasSettingsPart
@{
    
    var commentColorSchemes = new SelectList(new object[] {
        new { Id = "light", Text = "light" },
        new { Id = "dark", Text = "dark" },
    }, "Id", "Text", Model.FbCommentsColorScheme);
}
<div style="width: 400px; float: left; display: block;">
<fieldset>
    <legend>@T("Facebook Comments Box")</legend>
    <span class="hint">@T("Settings for the Facebook Comments Box plugin")</span>
    <ol>
        <li>
            @Html.LabelFor(model => model.FbCommentsNumberOfPosts, T("Number of posts"))
            @Html.TextBoxFor(model => model.FbCommentsNumberOfPosts, new { @class = "text-box text-small" })
            @Html.ValidationMessageFor(model => model.FbCommentsNumberOfPosts)
            <span class="hint">@T("The number of posts to display by default")</span>
        </li>
        <li>
            @Html.LabelFor(model => model.FbCommentsWidth, T("Width"))
            @Html.TextBoxFor(model => model.FbCommentsWidth, new { @class = "text-box text-small" })
            @Html.ValidationMessageFor(model => model.FbCommentsWidth)
            <span class="hint">@T("The width of the plugin, in pixels")</span>
        </li>
        <li>
            @Html.LabelFor(model => model.FbCommentsColorScheme, T("Color Scheme"))
            @Html.DropDownListFor(model => model.FbCommentsColorScheme, commentColorSchemes)
            @Html.ValidationMessageFor(model => model.FbCommentsColorScheme)
            <span class="hint">@T("The color scheme of the plugin")</span>
        </li>
    </ol>
</fieldset>
</div>
@{
    var likeColorSchemes = new SelectList(new object[] {
        new { Id = "light", Text = "light" },
        new { Id = "dark", Text = "dark" },
    }, "Id", "Text", Model.FbLikesColorScheme);
    
    var likeLayoutStyles = new SelectList(new object[] {
        new { Id = "standard", Text = "standard" },
        new { Id = "button_count", Text = "button_count" },
        new { Id = "box_count", Text = "box_count" },
    }, "Id", "Text", Model.FbLikesLayoutStyle);

    var likeVerbs = new SelectList(new object[] {
        new { Id = "like", Text = "like" },
        new { Id = "recommend", Text = "recommend" },
    }, "Id", "Text", Model.FbLikesVerbToDisplay);
}

<div style="width: 400px; float: left; display: block;">
<fieldset>
    <legend>@T("Facebook Like Button")</legend>
    <span class="hint">@T("Settings for the Facebook Like Button plugin")</span>
    <ol>
        <li>
            @Html.LabelFor(model => model.FbLikesWidth, T("Width"))
            @Html.TextBoxFor(model => model.FbLikesWidth, new { @class = "text-box text-small" })
            @Html.ValidationMessageFor(model => model.FbLikesWidth)
            <span class="hint">@T("The width of the plugin, in pixels")</span>
        </li>
        <li>
            @Html.LabelFor(model => model.FbLikesColorScheme, T("Color Scheme"))
            @Html.DropDownListFor(model => model.FbLikesColorScheme, likeColorSchemes)
            @Html.ValidationMessageFor(model => model.FbLikesColorScheme)
            <span class="hint">@T("The color scheme of the plugin")</span>
        </li>
        <li>
            @Html.EditorFor(model => model.FbLikesEnableSendButton)
            <label class="forcheckbox" for="@Html.FieldIdFor(model => model.FbLikesEnableSendButton)">@T("Enable Send Button")</label>
            @Html.ValidationMessage("FbLikesEnableSendButton", "*")
            <span class="hint">@T("Includes the Send button")</span>
        </li>
        <li>
            @Html.LabelFor(model => model.FbLikesLayoutStyle, T("Layout Style"))
            @Html.DropDownListFor(model => model.FbLikesLayoutStyle, likeLayoutStyles)
            @Html.ValidationMessageFor(model => model.FbLikesLayoutStyle)
            <span class="hint">@T("Determines the size and amount of the social context next to the button")</span>
        </li>
        <li>
            @Html.EditorFor(model => model.FbLikesShowFaces)
            <label class="forcheckbox" for="@Html.FieldIdFor(model => model.FbLikesShowFaces)">@T("Show Faces")</label>
            @Html.ValidationMessage("FbLikesShowFaces", "*")
            <span class="hint">@T("Show profile pictures below the button")</span>
        </li>
        <li>
            @Html.LabelFor(model => model.FbLikesVerbToDisplay, T("Verb To Display"))
            @Html.DropDownListFor(model => model.FbLikesVerbToDisplay, likeVerbs)
            @Html.ValidationMessageFor(model => model.FbLikesVerbToDisplay)
            <span class="hint">@T("The verb to display in the button. Currently only 'Like' and 'Recommend' are supported")</span>
        </li>
        <li>
            @Html.LabelFor(model => model.FbLikesFont, T("Font"))
            @Html.TextBoxFor(model => model.FbLikesFont, new { @class = "text-box text-small" })
            @Html.ValidationMessageFor(model => model.FbLikesFont)
            <span class="hint">@T("The font of the plugin")</span>
        </li>
    </ol>
</fieldset>
</div>
<div style="clear: both;"></div>